<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Jóvenes Hoy</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="" />
		<meta name="author" content="">
		<meta name="keywords" content="" />
		<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
		<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
		<!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
		<style type="text/css">
			* { -moz-user-select:none; -webkit-user-select:none; }
		</style>
	</head>
	
	<body>
		<header>
			<a href="index.html"><img src="img/logo.png" alt="Jóvenes Hoy"></a>
			<p>
				Lorem ipsum dolor sit amet, consectetur adipiscing elit.
				Vestibulum suscipit sodales suscipit. Sed erat quam,
				gravida sit amet suscipit viverra, adipiscing vel odio.
				Nulla facilisi. Nam ultricies quam vel sem gravida bibendum.
			</p>
		</header>
		
		<nav>
			<a>Mostrar Navegación</a>
			<ul>
				<li><a href="index.html">Inicio</a></li>
				<li class="mas">
					<a href="temas.html">Tus dudas y preguntas</a>
					<div class="menu">
						<div class="menu_body">
							<ul class="menu_tabs">
								<li>&#32;</li>
								<li>&#32;</li>
							</ul>
							<div class="nav_slider">
								<img src="photos/preguntas.png" alt="">
								<img src="photos/preguntas_2.png" alt="">
							</div>
							<p class="menu_title"><strong>temas top</strong></p>
							<ul>
								<li><input type="checkbox">ABC</li>
								<li><input type="checkbox">Aborto</li>
								<li><input type="checkbox">Abstinencia</li>
								<li><input type="checkbox">Adolescencia</li>
								<li><input type="checkbox">Amistad</li>
								<li><input type="checkbox">Amor</li>
								<li><input type="checkbox">Anatomía</li>
								<li><input type="checkbox">Aprendizaje</li>
								<li><input type="checkbox">Asertividad</li>
								<li><input type="checkbox">Billings</li>
							</ul>
							<ul>
								<li><input type="checkbox">Ciclo menstrual</li>
								<li><input type="checkbox">Comienzo de la vida</li>
								<li><input type="checkbox">Compensación de riesgo</li>
								<li><input type="checkbox">Deporte</li>
								<li><input type="checkbox">Educación</li>
								<li><input type="checkbox">Embarazo</li>
								<li><input type="checkbox">Embriones</li>
								<li><input type="checkbox">Embrión</li>
								<li><input type="checkbox">Enamoramiento</li>
								<li><input type="checkbox">Erección</li>
							</ul>
						</div>
						<p>
							<a class="ver" href="temas.html">ver todos los temas</a>
						</p>
					</div>
				</li>
				<li><a href="musica-y-videos.html">Música y videos</a></li>
				<li class="mas">
					<a href="recursos.html">Recursos</a>
					<div class="menu">
						<div class="menu_body">
							<ul class="menu_tabs">
								<li>&#32;</li>
								<li>&#32;</li>
							</ul>
							<div class="nav_slider">
								<img class="placeholder" src="photos/recursos_01.png" alt="">
								<img src="photos/recursos_01.png" alt="">
								<img src="photos/recursos_02.png" alt="">
							</div>
							<ul>
                            	<li class="menu_title"><strong>recursos del libro</strong><span class="clear">&#32;</span></li>
								<li class="r_video first"><a href="recursos-310.html">(310) Observa en este vídeo la anatomía del aparato reproductor masculino</a></li>
								<li class="r_video"><a href="#">(312) Observa en este vídeo la anatomía del aparato reproductor femenino</a></li>
								<li class="r_in"><a href="#">(318) Cambios durante el embarazo</a></li>
								<li class="r_in"><a href="#">(322) Unidad didáctica 7.1: Averigua lo que sabes</a></li>
							</ul>
							<ul>
                            	<li class="menu_title"><strong>otros libros</strong><span class="clear">&#32;</span></li>
                                <li class="r_doc first"><a href="#">Libro 1: Lorem ipsum dolor sit amet</a></li>
                                <li class="r_doc"><a href="#">Libro 2: Lorem ipsum dolor sit amet</a></li>
                                <li class="r_doc"><a href="#">Libro 3: Lorem ipsum dolor sit amet</a></li>
                                <li class="r_doc"><a href="#">Libro 4: Lorem ipsum dolor sit amet</a></li>
								<!--<li class="r_in"><a href="#">(326) Investiga en esta webquest qué puedes hacer ante un embarazo no esperado</a></li>
								<li class="r_video"><a href="#">(328) Observa en esta animación los diversos mecanismos de acción de la píldora del día después</a></li>
								<li class="r_in"><a href="#">(330) Observa en este interactivo cómo es el virus del sida y cómo destruye nuestras defensas</a></li>
								<li class="r_doc"><a href="#">(335) En una actividad sobre las técnicas de reproducción asistida...</a></li>
								<li class="r_video"><a href="#">(337) Claves para que el noviazgo acabe en un matrimonio feliz</a></li>
								<li class="r_in"><a href="#">(338) Investiga en esta webquest sobre el mejor modo de evitar las ITS</a></li>
								<li class="r_doc"><a href="#">(340) La decisión de tener o no tener relaciones sexuales...</a></li>
								<li class="r_doc"><a href="#">(343) Descubre cuantos embriones se han eliminado o...</a></li>
								<li class="r_in"><a href="#">(344) Unidad didáctica 7.2: Averigua lo que sabes</a></li>
								<li class="r_doc"><a href="#">(345) Tema 7.2: Ideas claras</a></li>
								<li class="r_in"><a href="#">(357) Proceso de adicción al tabaco y sus efectos perjudiciales</a></li>
								<li class="r_in"><a href="#">(359) Composición de la sangre y respuesta inmune</a></li>
								<li class="r_in"><a href="#">(360) Pide a tus padres tu cartilla de vacunación</a></li>
								<li class="r_in"><a href="#">(364) Unidad didáctica 8: Averigua lo que sabes</a></li>
								<li class="r_doc"><a href="#">(365) Tema 8: Ideas claras</a></li>-->
							</ul>
						</div>
						<p>
							<a class="ver" href="recursos.html">ver todos los recursos</a>
                            <a class="ver" href="recursos.html">ver todos los libros</a>
						</p>
					</div>
				</li>
				<li><a href="#">Buscar</a></li>
			</ul>
		</nav>
		
		<div id="content">
			<div id="slider">
				<div class="base">
					<img src="photos/slide_01.png" alt="">
				</div>
				<div class="slide">
					<img src="photos/slide_01.png" alt="">
					<img class="mask" src="photos/mask.png" alt="">
					<div class="caption">
						<h2>
							<a href="articulo.html">Estoy embarazada,
							no me lo esperaba</a>
						</h2>
						<p>
							<b>Palabras clave:</b>
							<a href="dudas-y-preguntas.html">Aborto</a>, <a href="dudas-y-preguntas.html">Embarazo</a>
						</p>
						<span>&#32;</span>
					</div>
				</div>
				<div class="slide simple">
					<img src="photos/slide_03.png" alt="">
					<div class="caption">
						<h2>
							<a href="articulo.html">¿Es bueno evitar que nazcan bebes
							que tendrán enfermedades graves al crecer?</a>
						</h2>
						<p>
							<b>Palabras clave:</b>
							<a href="dudas-y-preguntas.html">Aborto</a>, <a href="dudas-y-preguntas.html">Embriones</a>
						</p>
						<span>&#32;</span>
					</div>
				</div>
				<div class="slide">
					<img src="photos/slide_02.png" alt="">
					<img class="mask" src="photos/mask.png" alt="">
					<div class="caption">
						<h2>
							<a href="articulo.html">¿Es posible el embarazo
							en la primera relación sexual?</a>
						</h2>
						<p>
							<b>Palabras clave:</b>
							<a href="dudas-y-preguntas.html">Aborto</a>, <a href="dudas-y-preguntas.html">Embarazo</a>
						</p>
						<span>&#32;</span>
					</div>
				</div>
				<ul class="tabs">
					<li>&#32;</li>
					<li>&#32;</li>
					<li>&#32;</li>
				</ul>
			</div>
		</div>
		
		<section>
			<article class="n1">
				<h3>Twitteando!<img src="img/tweet.png" alt=""></h3>
				<div class="tweet">&#32;</div>
				<span>&#32;</span>			
				<a class="twitter-timeline"  href="https://twitter.com/jokindeirala" data-widget-id="345619099314966529" lang="ES"
                data-chrome="nofooter noheader noborders" data-tweet-limit="1">Tweets por @jokindeirala</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
			</article>
			<article class="n2">
				<h3><a href="musica-y-videos.html">Música y videos</a></h3>
				<p class="fecha">
					09 de febrero
				</p>
				<a href="musica-y-videos.html"><img src="photos/video.png" alt=""></a>
				<div>
					<h2><a href="musica-y-videos.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a></h2>
					<p>
						Integer hendrerit est urna, id cursus enim. Vivamus diam risus,
						imperdiet mattis tincidunt ut, fringilla sed ligula.
					</p>
					<p class="tags">
						<b>Palabras Clave: </b><a href="dudas-y-preguntas.html">Aborto</a>, <a href="dudas-y-preguntas.html">Embarazo</a>
					</p>
				</div>
				<a class="mas" href="musica-y-videos.html">&#32;</a>
				<span>&#32;</span>
			</article>
			<article class="n3">
				<h3><a href="musica-y-videos.html">Novedades</a></h3>
				<p class="fecha">
					12 de febrero
				</p>
				<h2><a href="articulo.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a></h2>
				<p>
					Integer hendrerit est urna, id cursus enim. Vivamus diam risus,
					imperdiet mattis tincidunt ut, fringilla sed ligula.
				</p>
				<p class="tags">
					<b>Palabras Clave: </b><a href="dudas-y-preguntas.html">Aborto</a>, <a href="dudas-y-preguntas.html">Embarazo</a>
				</p>
				<a class="mas" href="articulo.html">&#32;</a>
				<span>&#32;</span>
			</article>	
		</section>
		
		<footer>
			&copy; 2013 Educar hoy. Todos los derechos reservados.
			<ul>
				<li><a class="n1" target="_blank" href="http://www.joveneshoy.org/rss">&#32;</a></li>
				<li><a class="n2" target="_blank" href="http://www.flickr.com/photos/51095154@N05/">&#32;</a></li>
				<li><a class="n3" target="_blank" href="http://twitter.com/JokindeIrala">&#32;</a></li>
				<li><a class="n4" target="_blank" href="http://www.facebook.com/profile.php?id=100001003494610">&#32;</a></li>
			</ul>
		</footer>
		
		<!-- Javascript -->
		<script type="text/javascript" src="js/jquery.tools.min.js"></script>
		<script type="text/javascript" src="js/jquery.tweet.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
		<script type="text/javascript" src="js/respond.min.js"></script>
	</body>
</html>